1. Basic Layout

Row

1-10, how cool are Value Boxes?

2

1-10, how cool are gauges?

1-10, how cool are Value Boxes + favicon icons?

7

Row

stuuuuffff

more stuuuffffff

Row

great insight

so actionable

Row

omg

it’s taaabbbed

Extras: Layout 3

COLUMN ORIENTATION ON A SINGLE PAGE?!?!

also, notice that you can put things outside of the “boxes”, like header text, images, section break, etc.

Column

READ ME

Make use of your css headers

You can do the column layout, which is particularly useful if

  • you want an informative sidebar to help the user understand what’s going on in the dashboard

  • you will be comparing two things sie by side*, such as bar plots (of fixed y-axis height)

*tabs are also useful for that purpose, especially when the changes are subtle or the x-axis spans a wide range.

now some h2!

and what was h3?

css header “functions” are the ish

Note: When you use column orientation, you’ll have to assign the column width so that all the columns on the page sum to 1000.



Column

so cool 1

I made this box short. You can control the size of entire rows, columns, or the “boxes” inside a row or column.

But, you’ll notice: in the column-orientation layout, if you put text in the box instead of a plot, the box height shrinks down to a height to accomidate the text, rather than the fixed height

so cool 2

You can force the box to keep it’s assigned height by adding an empty chunk of R code (or not empty, depends on your goal) IMMEDIATELY following the text. If you leave a blank line it won’t work for reasons beyond me.

so cool 3

Forcing the box size again.